<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>rectangle</title>
<link rel="stylesheet" href="./layout.css">
</head>
<body>

<div id='main'>
  <label for='width'>宽度:</label>
  <input type="text" id="width"/><span> * </span>
  <br>
  <div id='width-val'></div>
  <label for='height'>高度:</label>
  <input type="text" id="height"/><span> * </span>
  <br>
  <div id='height-val'></div>
  <input type="button" id="calc" value="计算"/>
  <br>
  <label>周长:</label>
  <input type="text" id="perimeter" disabled/>
  <br>
  <label >面积:</label>
  <input type="text" id="area" disabled/>
</div>
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./main.js"></script>
<script src="https://cdn.jsdelivr.net/gh/wangding/i@gh-pages/js/fork-me-github.js"></script>
</body>
</html>
